<template>
	<view class="search-list">
		<!-- #ifdef MP-WEIXIN -->
			<view class="wx-nav">
				<view @tap="goBack" class="iconfont icon-xiajiantou"></view>
				<input class="nav-text" type="text" :value="inputValue" placeholder="nike" />
				<text  class="nav-search f-color">筛选</text>
			</view>
		<!-- #endif -->
		<ShopList :inputValue='inputValue'></ShopList>
	</view>
</template>

<script>
	import ShopList from '@/components/common/ShopList.vue'
	export default {
		data() {
			return {
				inputValue:""
			}
		},
		components:{
			ShopList,
		},
		onLoad(e) {
			this.inputValue = e.inputValue;
		},
		methods: {
			//点击返回键，返回上一页
			goBack() {
				uni.navigateBack({
					delta:1
				})
			},
		}
	}
</script>

<style scoped>
/* 头部导航信息 */
.wx-nav {
	margin-top: 100rpx;
	text-align: center;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20rpx;
}
.iconfont {
	margin-left: 40rpx;
}
.nav-text {
	width: 70%;
	text-align: left;
	border: 2rpx solid #C0C0C0;
	border-radius: 30rpx;
	background-color: #F7F7F7;
}
.nav-search {
	margin-right: 20rpx;
	font-size: 24rpx;
}
</style>
